.content {
  width: 100%;
  height: 100%;
  background-color:  #ffffff;;

  .content-header {
      width: 100%;
      height: 18%;
  }

  .content-body {
      display: flex;
      width: 100%;
      height: 82%;

      .left {
          width: 75%;
          height: 100%;
          border-right: rgb(243 238 238) 1px dashed;

          @media screen and (max-width: 1680px) {
              width: 65%;
          }

          .left-T {
              display: flex;
              flex-flow: column;
              align-items: center;
              height: 50%;
          }

          .left-B {
              height: 50%;
          }
      }

      .right {
          width: 25%;

          @media screen and (max-width: 1680px) {
              width: 35%;
          }

          height: 100%;

          .right-T {
              display: flex;
              flex-flow: column;
              align-items: center;
              height: 70%;

              .rankingList {
                  display: flex;
                  justify-content: center;
                  width: 100%;
                  overflow: hidden;
              }
          }

          .right-B {
              height: 30%;
          }
      }
  }
}